Sign Customiser

Documentation

Everything you need to set up and manage your sign customiser.

Get Started

Customise

How to make Sign Customiser fit into your store theme

Browse collection

Show a different background for each size

Link each preset size to its own scene background, so the customer customiser shows a different background when the customer changes the size.

Set a real size for the built-in background and use scenes in product images

Give the built-in blue/grey background a real width so signs scale against it, and show the customer's chosen background in the cart and order product image.

Set the Sign area for each background image

Place a Sign area on a background image so the customer customiser shows the sign in that box.

Real size view

Show the sign next to a 170 cm person at the same scale.

Selected colour CSS variables

Mirror the colours a shopper picks in the customiser into your own storefront styling using the --sign-selected-colour CSS variables.

Custom CSS

Use css to create your own styles for Sign Customiser

Vertical text orientation

Let customers stack each character on its own line, lock a customiser to one orientation, or set a default orientation for languages that read top to bottom.

Default text alignment

Use Sign Customiser to control the alignment of the text that shoppers type. You can show the alignment buttons to shoppers. You can also hide the buttons and set one fixed alignment.

Option Number List

You can now automatically generate a list of options for your customiser that are numbered. This is useful for when you have a large number of options and you want to make it easier for your customers to understand the order of the options.

Editor Modes

Control the text editor and decide whether supported customisers can accept characters that a selected font cannot draw.

Theme Colour Reference Guide

This guide shows how to change the colours of your Sign Customiser. You can change the buttons, labels and backgrounds in the admin. You do not need to write CSS code. To change the colours of a customiser: Go to the Sign Customiser admin: Universal accounts: Go to Home in your account. Shopify users: In the Shopify admin, go to Apps and open the app. Select Customisers in the menu. Select the customiser you want to change. In the menu on the left, select Theme Colours. The next paragraph says where it is. Select a colour field. Use the colour picker to set the colour you want. Select Submit to save your changes. The place of Theme Colours depends on the width of the admin content area. This is the area to the right of the navigation. If the admin content area is 1200 px wide or more, the menu has the heading Customiser Menu, and Theme Colours is under Settings. If the admin content area is less than 1200 px wide, the menu has no Customiser Menu heading, and Theme Colours is the last item under Features. If the admin content area is less than 799 px wide, the menu opens from a Menu button. You can also type "Theme Colours" in the Search menu items... box. Reset to Defaults is also on this page. It puts the default colours in the form. Select Submit to save them. Some advanced elements are not in the Theme Colours section. To change these elements, use CSS. This guide shows how to add CSS code correctly: Custom CSS.

Options sidebar position - desktop only

Display the options sidebar on the left or right, option only available for desktop.

Custom Design Tab

Choose when the Custom tab shows on your customiser, and add a link to an external page for custom designs.

Mobile Style Options

Choose how the customer customiser shows its options on mobile. Every customiser can use Stacked all at once or One Selection at a Time. These settings apply on tablets and phones. These are screens less than 1025 px wide. Customers on a desktop-width screen do not see them. In the merchant admin, open your customiser and go to Settings > General Settings. Scroll down to Mobile Style Options.

Centimetres/Inches measurement display

Choose which units shoppers see on your customiser: centimetres, inches, or both

Font display options

Except for lightbox face text, you can show the sidebar font list in two ways. You can show all fonts at once. Or you can show them behind a dropdown button. Lightbox face text always shows all fonts. We recommend the dropdown if you have many fonts. It reduces vertical scroll. The customiser loads each font preview when it comes into view. If you show all fonts, customers can choose a font without opening a list. The first image shows the dropdown. The second image shows the fonts in a grid.

Price display on first load

Select how to display the price on the customiser, useful for marketing such as Google products.

Set the product title and main product image

How to set the product title and the main product image that the cart and the order use

Show / Hide Measurements?

Choose which measurements show in the visualiser and in the cart.

Arranging the option order

Sort the order of option sections and individual choices in the customiser

Modal display

Show your customiser in a modal on your storefront theme.

Scene Editor

Formally called background images - how to control the scene that the signs display on.

Visually scale signs for size dimensions

You can give the visualiser the appearance of the sign getting bigger or smaller relative to the size the customer has chosen. This setting does not change lightbox signs. Follow these steps to enable this feature: Go to the Sign Customiser admin. Select the customiser that you want to edit. From the left-hand menu, go to Features → Scene Editor - Background Images. Enable Scale visualisation with size. This setting is part of some plans. On a plan that does not include it, the checkbox is not available and the admin asks you to upgrade. To upgrade, go to Your Company → Billing. In the Shopify admin, open the app and select Subscription/Credit in the app menu. The checkbox is also not available while Enable Dragging, Enable Scaling or Enable Rotation is on. These options are on the Drag, Scale, Rotate page in the Features menu. Turn off all three first. Click Save. For signs other than lightbox, the visualiser now grows and shrinks the sign relative to the smallest and largest size.

Review Screen

You can choose to let your customers review their custom sign before it is added to the cart. This review screen also displays a summary of the selected options. This guide will show you how to enable this feature and where to customise the text displayed on the review screen.

Decimal Format for Measurements

Choose With Decimal or No Decimal for Decimal Format of Measurements in General Settings.

Change A Font's Line Height / Line Spacing

Change the line height of a font to adjust the space between lines of text in a customiser.

Integrations

Platform based integration guides

Browse collection

Shopify Theme Integration

Choose how to install Sign Customiser on Shopify

Find the correct setup guide for a Shopify theme, custom Liquid template, page builder, or headless storefront.

Use the iframe option in the Shopify app block

Turn the experimental iframe embed on or off for the Sign Customiser app block. Use it when your theme's CSS or JavaScript interferes with the direct embed.

Install Sign Customiser on a headless Shopify storefront

Connect Sign Customiser to a Storefront API or Hydrogen cart outside a Shopify Online Store theme.

Install Sign Customiser in a Shopify theme with an app block

Use the Shopify theme editor to add Sign Customiser to a compatible product or page template with an app block.

Install Sign Customiser in a Shopify theme without app blocks

Use this guide when a Shopify Online Store theme serves the page, but the Liquid template cannot accept a Sign Customiser app block.

Enable sticky add to cart button on your customiser.

Use these settings to keep the visualiser in view when the shopper scrolls. See this example page. On mobile, you can also keep the price box and its button fixed. Fixed is sometimes called sticky. Before you start. Sticky Visualiser is a setting in the Shopify theme editor. It is in the Sign Customiser block and in the Sign Customiser - Embed block. It does not work when Use iframe (experimental) is on. See Use the iframe option in the Shopify app block. The Liquid iframe wrapper code has no theme editor setting for Sticky Visualiser.

Adding CSS to Shopify themes - Alternative (but Not Recommended) Method

Although editing your Shopify theme is an alternative method for applying CSS, it is no longer the recommended approach. This method allows you to keep your styles within your theme, but it may require reapplication after theme updates. For the recommended approach to adding custom CSS, please refer to the guide: How to Add Custom CSS the Right Way.

Set up Shopify variant links so the customiser opens on the right size

This guide explains how to link Shopify product variants to Sign Customiser sizes so the correct size is selected when a shopper opens a product page.

Open the correct size from a Shopify variant link

Use a Shopify product link with?variant= to open the customiser with the matching size already selected.

Wordpress / Woocommerce Theme & Store Integration

Etsy Integration

Custom & Other Platform Integrations

Features

Lists of all the features for Sign Customiser and detailed explanations how they work

Browse collection

Show or hide the jacket step for neon customisers

Hide the jacket step in a neon customiser when you offer one jacket, and keep the sign tubing colour correct.

Download a quote as a PDF

Download any quote request or form submission as a PDF from the Quotes submission page, with its summary, product choices, answers, pictures and file list.

Offer a backlight on metal cut-out signs

Add LED backlight colours to a Metal Cut-Out customiser so customers can pick a glow colour or no backlight.

Sell custom signs in Shopify Markets

Publish each custom sign to the Shopify Market the shopper is in, so shoppers in every region can buy it.

Size and price custom shape signs

Learn how Custom Shape backboards set the size, price and cut file on a Frame Fit customiser, and how to set the limits and customer messages.

Create an Address Sign Numbers customiser

Create a customiser for vertical stacked address numbers and see what shoppers see.

Set up metal cut-out signs

Create a Metal Cut-Out Signs customiser, edit its panels, colours, mountings and backlights, and see what customers and manufacturers receive.

Set up stencil signs

Create a stencil customiser, set letter-height sizes, borders, sheet pricing, stencil-safe fonts and SVG or DXF production files.

Connect an AI agent to Sign Customiser

Connect Claude, ChatGPT, Cursor or VS Code to your Store, in the Shopify app or at web.signcustomiser.com.

Save a customer ShareLink with storefront JavaScript

Create a ShareLink to the customer's current design. Save the complete URL with a cart or another storefront process.

The confirmation email your customer receives

You can send an email to your customer when they submit a quote request or a custom design form. This email is the Customer Confirmation Email. It is the only email under Email Workflows that goes to your customer. It is switched off by default Sign Customiser sends no acknowledgement when a customer submits a quote request or a custom design form until you turn it on. If you never opened this page, your customers receive no acknowledgement.

Braille Signs

Create a braille sign customiser, choose the braille table and dot colour, handle wording that cannot be translated, and see what braille data reaches orders and production files.

Braille translation: supported languages and sizing

Which languages and grades braille translation supports, the default braille table for each store currency, why braille dots never scale with the sign, and what happens when translation is unavailable.

Cart and checkout behaviour

Sign Customiser has three unique behaviours that can occur after a product has been added to the cart. Option 1: Straight to cart Redirects user to the cart page Option 2: Straight to checkout Redirects customer to the checkout page Option 3: Cart Window or custom integration: Use this when you want your mini-cart, slide out cart to open after the product has been added to cart. Most themes mini-carts and slide-out carts will work when this option is enabled. If the mini-cart or slide-out cart does not show then you can create a javascript event listener for our custom event.

Sign Components Overview

Overview of Sign Components — the building blocks that define the visual and structural makeup of your signs

Share Custom Sign Designs

Generate unique urls of a sign design that can be shared across the web

Auto-Save Customer selections

Customers can leave your website and return later with their previous selections automatically pre-loaded in the customiser. This feature helps increase conversions by allowing customers to continue where they left off without having to redo their design.

Upload background images

Allow your customers to supply their own images for the background of the sign visualiser.

Currency conversion

Convert all prices in a customiser by a currency rate.

Drag, Scale, Rotate Words and Icons

Give your customers the ultimate design freedom when creating custom letter signs by empowering them to drag, scale and rotate words and icons. This feature allows the following designs to be made possible. Independent word sizing: The ability to change the size of each word independently so you can truly customise the design. Independent word layout/location: Drag each word around independently to various locations rather than restricting it to a per-line basis. Word layer priority: Similar to design programs like photoshop/illustrator, you could have words stacking and overlapping, and your customer can choose which word is in front and which word is behind. This feature is only available for stores that are subscribed to non-legacy plans.

Google Fonts

Use the Google font picker to add a font from the Google font library to your customiser. You do not need a font file.

Icons in Sign Designs

The Icons feature allows you to upload SVG graphics that customers can add to their sign designs. These icons can be used alongside text to create personalised and visually engaging signs. This guide explains how to upload icons and how customers can access them.

Multi-colour / Multi-font sign designs

Multi-colour and multi-font signs let customers use more than one colour or font in the same sign. Most sign types support this feature. The admin menu does not show the setting for Lightbox, Metal Cut-Out and Stencil customisers.

Multi-Currency

Multi-currency lets customers see prices in their preferred currency. You can set it up with a currency switcher app or with Shopify Markets. We recommend Shopify Markets. To accept payments in multiple currencies, Shopify Markets needs Shopify Payments or Adyen. On 8 November 2023, Sign Customiser announced support for two currency apps. They are Vitals and Beast Currency Converter. The announcement called the second app Best Currency Converter. This guide shows how to set up Markets or one of the apps. It also shows how to choose how the customiser shows the currency.

Quote Mode

Quote Mode replaces add to cart with a quote form. The customer designs the sign and sees the live preview. Then the customer sends the design to your team for review. The customer does not pay at this time. By default, the customer does not see the price. To show the suggested price to the customer, turn on Show suggested price. Sign Customiser saves each request under Quotes in your admin. To see the full details, select the blue quote number and form name. The quote details page has a Download Quote button. This button saves the quote as a PDF. The designated inbox also receives these items: the form answers of the customer the selected sign options the preview images The inbox receives the suggested price only when Show suggested price is on. The email also includes a download link to an SVG file when SVG generation is on and the design supports it. When Send a confirmation email to my customer is turned on, the customer also gets an email after the customer submits a quote. To set up this email, go to Email Workflows → Customer Confirmation Email in the customiser. Quote Mode stops at the quote request. It does not create a paid order. It does not send the manufacturer order email. Your team reviews the request and confirms the final price. Then your team invoices the customer through your usual process. Use Quote Mode when customers do the first design themselves, but a person must check some details before you accept the order. These details can be feasibility, shipping, installation or a bespoke production detail.

Sign Presets

Sign Presets allows you to save any customiser configuration as a reusable starting design. This makes it easy to showcase popular designs, promote designs, or provide ready-made options that can be customised further. This guide will show you how to create a preset and display it on your website.

Lightbox

Channel Letters

Neon

Backboards

Mountings

Discounts

Additional Options

AI Sign Designer

AI sign designer and working with forms for custom designs

Browse collection

AI Sign Designer Guide

The AI Sign Designer converts a customer image into a vector SVG outline for sign production. Customers upload a PNG, JPEG, WebP, SVG, or PDF. The AI makes a clean SVG file. Customers use this file immediately to configure and buy a sign. This is different from a custom design form submission. With AI Sign Designer, customers get a result that they can buy after processing. Processing can take a few minutes. Without it, or when credits run out and you have set a fallback form, customers send a request. You process this request manually later. Finding AI Sign Designer in the admin Open Customisers. Select your customiser. In the customiser menu, select Custom Designs. This item has an "AI Designer" badge. On a narrow screen, select Menu first. To test an upload yourself, open Manage > AI Design Files on Universal. On Shopify, open AI Design Files from the app menu. Use the AI Converter card. The customiser Overview page shows a promo card for eligible customisers. The card reads "AI Sign Designer - Turn any image into production-ready signs".

Set up the AI Sign Designer build screen and fallback form

Change the text customers see while AI Sign Designer builds a design, and send refused or failed designs to your fallback form.

Set up AI Sign Designer on a Material Length customiser

Set up AI Sign Designer on a Material Length (Advanced Letter) customiser: choose the pricing, set the default size and minimum height, and pick a fallback form.

How AI credits work: monthly allowance and purchased credits

See how Free Monthly Credits and AI purchased credits work, which one Sign Customiser uses first, and how to check your balance and buy more.

Lit tubes and UV print artwork for AI neon designs

See how AI neon designs show as lit tubes, how to change the glow, and where the manufacturer finds the UV print artwork file on older designs.

Upload PDF artwork to the AI Sign Designer

Learn which PDF files the AI Sign Designer accepts, how it reads them, and what customers see when a PDF cannot be used.

Accept and show customer uploads on custom design forms

Add a File Upload field to a custom design form, see which file types and sizes it accepts, and learn how shoppers' files show on the customiser stage.

Linking to an External Page for Custom Designs

You can add a link to an external page. Use the link instead of a custom form in the customiser. With the Link Only display, the link is at the top of the selections column.

How to Enable AI Sign Designer

Enable AI Sign Designer on an existing customiser, configure its fallback form and pricing, then test the customer experience.

Your Account

Learn how to manage your account on Sign Customiser

Browse collection

Subscription Plans and Billing Explained

Sign Customiser offers billing plans for the Shopify and Universal platforms. This guide explains how billing works and how to change a plan. It also answers common questions about subscriptions and order limits. You can use our app on Shopify and on Universal. Universal covers WordPress (through WooCommerce) and Wix. A Shopify plan and a Universal plan are separate. If you use both, you must buy a plan for each.

Accepting Collaborator Request in Shopify

If you are having difficulty setting up your customiser or are experiencing an issue in Shopify, our support team may ask for permission to access your store so we can investigate and resolve the issue for you. This guide explains how to view and accept a collaborator request in Shopify. Log in to your Shopify admin. Use the search bar to search for Users and Permissions, or navigate to Settings > Users and Permissions. You can also access the request directly from the email sent by Shopify, which will include our company name, Sky Foundry. In the Users and Permissionssettings, scroll to the Collaborators section: You should see a pending request from Sky Foundry. Click the Review Request. Review the permissions requested. We only request the permissions required to resolve the issue. These typically include: - Orders - Products - Discounts - Menus - Themes - Blog posts and pages. In the App and sales channel permissions section, make sure the Sign Customiser app is checked. If your issue involves another app, make sure it is enabled as well. Click Accept Request. Once accepted, please notify our support team so we can begin working at your store

How to unsubscribe from plan

Cancel your Sign Customiser subscription from the Billing page. This article covers each dialog and what happens next on Universal and Shopify.

How to find and download your invoices

Your invoice location depends on whether you pay for Sign Customiser through Universal or Shopify. Using both platforms? Shopify and Universal have separate subscriptions and invoice histories. Follow the section for the plan you need to check.

Product & Order Management

Managing products created by Sign Customiser

Browse collection

Order Management

Order fulfilment for in-house and outsourced production

Sign Customiser supports sign businesses that manufacture in-house, outsource production or use a mix of both. It captures the customer's design and passes the same specifications into the order and production handoff. Sign Customiser does not manufacture or ship the sign. You keep control of feasibility checks, supplier costs, approvals, production, delivery and installation.

Export orders as CSV via email

Export your Sign Customiser orders as a CSV file. You get an email with a private download link. Choose a preset or custom date range.

Supplier / Manufacturer Emails

Yes. You can use Sign Customiser when another company makes your signs. When an order is created from your store, Sign Customiser can send the order email automatically. It sends the email to the Receiver Email address set for that customiser. The supplier receives an ordinary email. The supplier does not need a Sign Customiser account. You keep control of the customer, the supplier relationship, the approval process and the delivery.

SVG, EPS and .AI files for manufacturing workflows

Sign Customiser can make an SVG file of the sign design. CNC machines can use this file. It also helps you trace the letters of the sign. This setting is off by default. To turn it on, follow these steps. Go to Settings → General Settings in your customiser. In the Generate SVG image of sign section, set SVG Image to Yes. Save your changes. For Simple Letter customisers, the app checks your fonts first. If a font cannot make an SVG, the app lists those fonts and keeps SVG Image at No. Change the fonts, then do steps 2 and 3 again. When SVG generation is on, the Shopify order shows the SVG file as the _svg line item property. The manufacturer email also has a link to the SVG file for each order that has one. You can also make EPS and Illustrator-compatible PDF files for the same design. The Illustrator-compatible PDF has an.ai filename. To turn them on, set EPS Image or AI Image to Yes. Each of these settings also keeps SVG generation on. The Shopify order does not include the EPS file or the AI file. They reach your manufacturer in the manufacturer email. The default manufacturer email template has a link for each file type. A link shows only when that file exists. If you changed the template, make sure that it has the epsPreviewLink and aiPreviewLink variables. Stencil customisers also have a DXF (.dxf) option in the same section. The admin describes it as an "AutoCAD-compatible outline file for CNC, laser, and plasma cutters". It needs SVG generation, so this setting also keeps SVG generation on. The manufacturer email has the DXF link in the dxfPreviewLink variable. The Shopify order does not include the DXF file. Lightbox customisers do not show the Generate SVG image of sign section. Cut-out metal signs use the same files. The SVG has the cut-path geometry for the metal panel. The EPS file and the Illustrator-compatible PDF file come from the SVG in the same way. Cut-out workflows need no new file types or template variables. All current plans include this feature: Seed, Growth and Ultimate. The older Pro, Boost and Premier plans also include it. The older Starter, Standard and Launch plans do not include it. On those plans, the Generate SVG image of sign settings show Plan Upgrade Required. For detailed instructions on how to use these files in your manufacturing process, read these guides. How to enable/disable SVG, EPS, and Illustrator-compatible PDF files for manufacturing How to find the SVG, EPS,.AI file in the Shopify How to include SVG, EPS, and Illustrator-compatible PDF files in manufacturer emails

Update manufacturer email address

You can add one more email address by appending each email with a ',' character e.g. 'first@email.com,second@email.com' To change the manufacturer email address do the following: Navigate to the admin of Sign Customiser for your store Click on "Customisers" in the home menu Click on the customiser you wish to edit From the left-hand menu, go to Email Workflows → Manufacturer Email. Add the email under Receiver Email and click Save on the bottom right to save the changes.

How to include SVG, EPS, and Illustrator-compatible PDF files in manufacturer emails

Add SVG, EPS, AI and DXF download links to the manufacturer email template.

How to enable/disable SVG, EPS, and Illustrator-compatible PDF files for manufacturing

Use these steps to turn SVG, EPS, and AI files on or off for manufacturing. Open the Sign Customiser admin. Click Customisers. Click the customiser that you want to change. In the left-hand menu, go to Settings → General Settings. Scroll down to the Generate SVG image of sign section. This section has three options: SVG Image — the scalable vector file for CNC machines and letter tracing. EPS Image — an EPS file that our server converts from the generated SVG. AI Image — a PDF file saved with an.ai filename. Stencil customisers have a fourth option, DXF (.dxf). This is an outline file in AutoCAD R12 DXF format. Lightbox customisers do not show this section. To turn on a file type for this customiser, set it to Yes. To turn it off, set it to No. Click Save at the bottom of the form.

How to find the SVG, EPS, .AI file in the Shopify

whenever a sign is ordered, you can access the order in Shopify admin page and download the SVG file by clicking on the _svg: "Link". To use this feature, you must have already enabled the SVG Files for manufacturing.

Shopify Product Management

Hide Custom Sign Products from Your Storefront

Every time a user adds a custom sign to the cart, our app creates the sign as a "product" in your Shopify backend. This is necessary for handling and purchasing the sign. However, since these are customised products, you may wish to hide them from being displayed on your storefront. There are two ways to do this — you only need to pick one: Option 1 (recommended): Unlist your custom sign products. A single setting in Sign Customiser hides every new custom sign from your storefront automatically. No further work required. Option 2: Keep products as "Active" and hide them through your Shopify storefront settings. This involves a few configuration steps in Shopify.

Automatically deleting generated products

Delete unpurchased Custom Neon products automatically with the Mechanic app. Use Test mode first, then switch to Live mode.

Retrieve generated sign products not purchased

Every generated sign product carries the sign-customiser-generated tag. Purchased products also carry the npc_ordered tag. Combine those tags in Shopify's product search to find generated products that have not been purchased. Log in to your Shopify admin and open Products. Open the product search or filter field. Enter tag:sign-customiser-generated NOT tag:npc_ordered. Shopify now lists generated sign products that do not have the purchased-product tag. Filter one customiser Add its sc-customiser-ID tag to the search. You can also open the managed collection titled with that customiser's name before reviewing products. Do not filter only on product type Custom Neon. That type now identifies neon signs only. Acrylic, metal, stencil, wood, aluminium, braille, wood-frame and lightbox products use their own category-specific types.

How your products are created

Sign Customiser makes a product each time a customer designs a sign and adds it to the cart.

How SEO is treated for Custom Signs in Shopify

The custom signs created by our app are automatically hidden from search engines. We apply standard Shopify properties to ensure these products are excluded from SEO indexing. These includes settings recommended in the following guide: Create A Hidden Product in Shopify. These settings are applied automatically when a product is created by our app, and no additional action is required on your end.

Change Shopify Sale Channel for Products

You can change the sales channel that a product generated by a sign customiser is assigned to by following these steps. Navigate to the admin of Sign Customiser for your Shopify store. From the home page, click Tools & Settings. Click Integrations and Webhooks. Click on the Shopify integration. Click Edit Integration in the top right corner. Select the Sales Channel you wish to automatically publish to by clicking on the Publication select option and choosing one. Click Save in the modal.

Autogenerate SKU for sign products in Shopify?

Our app generates a new product in Shopify for every custom sign added to the cart by a customer. While the app does not assign SKUs automatically, you can implement an automatic SKU generation system using a third-party app. Below is a step-by-step guide to help you set this up.

Free Shipping for Custom Products in Shopify

If you are looking to provide free shipping for your custom sign products generated by our app, you might face challenges with Shopify's default settings. Shopify does not currently support assigning Shipping Profiles to product types or collections—only to specific products. This limitation can complicate setting up free shipping for products created by our customiser. While "free shipping discounts" exist in Shopify, they do not offer conditional rules to restrict the discount to specific product types or collections. How to identify generated sign products Prefer the Sign Customiser Products collection or the sign-customiser-generated tag. To target one customiser, use its collection or the sc-customiser-ID tag. Product type is only a fallback: neon remains Custom Neon, while other categories use Custom Acrylic Sign, Custom Metal Sign, Custom Cut-out Metal Sign, Custom Stencil, Custom Wooden Sign, Custom Aluminium Sign, Custom Braille Sign, Custom Wood Frame Sign and Custom Lightbox.

Universal App

Detailed docs on the universal application of Sign Customiser

Browse collection

Change the primary currency for the store in the universal app.

In the Universal app, you can change the base currency of all customisers that belong to your Store. This feature is only available on our Universal app version. The Shopify version automatically uses the currency that your Shopify store sells in as its base currency.

How to create an API key

API keys let another service use the public API of one Store. Older instructions call them API tokens. They are the same credential. Create a separate key for each integration. Give each key only the access that the integration needs. Then you can identify each key and revoke one key without affecting another integration.

Creating and managing multiple stores under one account

The store switcher and Add a store are in the Sign Customiser admin at web.signcustomiser.com. The Shopify admin does not show them. Do you want to copy a customiser between stores? Refer to Copy a customiser to another store you own. Sign Customiser supports more than one store in a single company account. Each store has its own configuration and customisers. You can use different stores for different websites, platforms, or brands.

How to invite additional users

Invite team members to your Sign Customiser company account, and revoke invitations or remove members.

How to get your Integration ID

The Integration ID is needed for embedding Sign Customiser on your website. This is how we know which e-commerce backend we should create your products in. To find your Integration ID: Log in to Sign Customiser. Open the Integrations page. Universal: in the left sidebar, under Integrate, click Integrations. Shopify: from the home page, click Tools & Settings, then Integrations and Webhooks. Click on your integration. Underneath its title, you will see a badge with ID: 123 — copy the number after "ID:". Now in your HTML, use that number where it says integration-id="": Note: the above example omitted other required attributes for brevity, ensure you have all of the required attributes noted in your Integrations Setup Instructions.

Why don't I see any orders?

If you cannot see your orders in Universal Sign Customiser, examine the setup of your integration. The cause is different for each platform.

Pricing and Sizing Models

Learn all about our unique models that power the pricing and sizing measurements designed for letter signs and every other sign type.

Browse collection

Simple Letter Model

Advanced Letter Model

Getting Started with the Advanced Model

The Advanced Letter Model is for merchants who need flexible pricing and scalable sign dimensions. The Simple Letter Model uses predefined sizes. The Advanced Letter Model calculates the dimensions and the price from the selected font, text, and size. This guide shows the main steps to build an Advanced Letter Model customiser. First, collect information from your supplier. Then set up Pricing, Sizes and Fonts.

Sizing - Advanced model

This guide explains how to configure Sizes for the Advanced Letter model. Each size has a Size Scale Multiplier. The multiplier scales the sign by a fixed factor from its base size. The base size comes from the font's minimum letter heights.

Pricing - Advanced letter model

Pricing in the Advanced Letter Model lets you combine several calculations into a price that matches your real production costs. When you choose Letter Material Cost, this model works out the cost from the material length each letter needs. The system measures the outline of every character, takes half of that length as an estimate of its midline (centreline) path, and multiplies it by your material rate. This guide shows how to set up Pricing for the Advanced Letter Model. Works with AI Sign Designer The Advanced Letter Model supports AI Sign Designer for neon signs and channel letter signs (Acrylic and Metal). The system measures an AI-generated SVG design in the same way as typed text. It measures every shape in the converted SVG, except a UV-printed face. For each shape, it takes half of the outline length as an estimate of the midline (centreline) path. A UV-printed face adds no material length, letter price or shipping. The system prices the measured length with your Letter Material Cost. To enable AI Sign Designer on an Advanced Letter customiser, see How to Enable AI Sign Designer.

Fonts - Advanced Model

This guide explains how to configure fonts for the Advanced Letter Model, assign pricing models, adjust font spacing, and test measurement accuracy.

Letter Material Cost

Letter Material Cost is a pricing method used in the Advanced Letter Model. It calculates the price of letters based on the actual amount of material required to produce them. Key Benefits: Accurate pricing: Charge based on the actual material used. Font-sensitive pricing: Complex fonts use more material and thus cost more. Flexible pricing tiers: Set different material costs for different sign dimensions. Real-time calculations: Prices update as customers change their text or fonts. AI Sign Designer compatible: The same calculation can be used for AI-generated SVG designs.

Understanding Font Measurements in the Advanced Letter Model

This guide explains how and what you need to consider when setting the minimum font size in the Advanced Letter model.

Manually calculate shipping cost value

To do these calculations yourself, first must have your shipping cost matrix provided to you by your supplier/freight company. The formula to calculate the shipping cost per centimeter squared based on a defined cost per measurement is as follows. For the current size range, you are editing the price formula; you should match the range limit value with the step in your shipping cost matrix and retrieve the cost price value. E.g. You have set a max size range that was 75cm, and in the shipping cost matrix, you have found the cost price for 75cm by 75cm to be a value of $98.00 Dimensions:75cm by 75cm Price:$98.00 Calculation:98 / (75*75) = $0.017 per centimeter~ number was rounded to 3 decimals

Determine Material Cost from Average Cost per Letter

If your supplier provides an average cost per letter instead of a material cost per centimetre or inch, you can use the Advanced Letter Model to determine an appropriate Letter Material Cost. This guide will show you how to calculate the average material length used by a font and use this information to determine the material cost per centimetre.

Request essential information - Advanced model

This guide explains how to collect the information required from your manufacturer to configure the Advanced Letter Model customiser.

Get your shipping cost matrix

This Sign Customiser guide covers Get your shipping cost matrix with the steps and context you need to complete the workflow.

Test Sign Measurement Accuracy

Use this guide to test how accurate the measurements of a font are. Make a sample SVG of any text in any font. Measure the width, height and material length in Adobe Illustrator. Then compare these values with the customiser.

Frame Fit Model

Sizing - Frame Fit Model

The frame (outer edges of a sign) is the primary factor for a sizing. “Outer edges” refers to the full boundary or perimeter of your sign. In other words, it’s the total width and height measured from the very leftmost point to the rightmost point and from the topmost point to the bottommost point of the finished sign. By always measuring from the outermost tips of a sign, you’ll get a clear and consistent measurement for quoting, production, and installation. Cut-out metal signs also use Frame Fit sizing. For Mode B (AI silhouette) cut-outs, the bounding box of the AI-generated shape drives the size.

Pricing - Frame Fit model

Frame Fit prices a sign from its width and height. With a Volumetric parcel, the shipping charge also uses the depth and the packaging allowances. Frame Fit adds no charge for each letter. A Frame Fit pricing is not tied to a font. A Frame Fit customiser uses one pricing. Cut-out metal signs also use Frame Fit pricing. The width and height of the sign control the calculation. Lightbox, Braille, Aluminium Plate and Wood Frame customisers also use Frame Fit. For Neon Letter, Channel Letter and Wood Letter signs, you choose Frame Fit when you create a customiser. On the How do you price your signs? step, select Price per square meter/foot. For Metal Cut-Out, Lightbox, Aluminium Plate, Braille and Wood Frame signs, Frame Fit is set for you. The step does not show.

Frame Fit Model

Frame Fit lets customers choose a sign width and height. For a Lightbox, customers also choose a depth. A size boundary sets the sign's base price. You can add component and mounting charges. A separate parcel calculation can add a shipping charge. It can also send weight to Shopify.

Fixed Height Model (Legacy)

Legacy: Fixed Height model (migrate to Simple Letter)

Important: The Fixed Height model is no longer available. You cannot choose the Fixed Height model when you create a customiser. Use the Simple Letter model. Set Size Strategy to Fixed Height - Width scales dynamically, and set Multi-line height measurement to Letter height. Enter the same height you used for the Fixed Height size, and the sign has the same size. Prices can differ between the two models, so check your prices after you migrate. If you have a Fixed Height customiser, the Customisers list shows a Migrate badge on it. The customiser page shows Action required: migrate this customiser to the Simple Letter model. Create the customiser again with the Simple Letter model. Do not duplicate it, because a copy of a Fixed Height customiser is also a Fixed Height customiser. For the steps, read Sizes – Simple Letter Model. A fixed height model is a collection of sizes. Each size has a set height. For example, Small is 10cm, Medium is 20cm and Large is 30cm. This article uses centimetres. For each size, you can set these parameters: The height The minimum number of characters The maximum number of characters on each line The number of lines of text that the size allows In the legacy model, the app scales each size so that its tallest line has the height you set. A single-line sign has one line, so that line is the tallest line. Illustration: one line with a height of 50cm.

Pricing - Fixed Height Model (Legacy)

The Fixed Height model is a legacy pricing model. Sign Customiser does not offer it for new customisers. You cannot change an existing customiser to this model. A copy of a customiser on this model stays on this model. This article is for customisers that already use it. A customiser on this model shows the banner Action required: migrate this customiser to the Simple Letter model. The Customisers list shows a Migrate badge for it. For a new Neon Letter Signs, Channel Letter Signs or Wood Letter Signs customiser, use the Simple Letter model. On the Pricing step, choose Fixed height per size (badged Simple ). Stencils and Address Sign Numbers have only the Simple Letter model. For them, the create flow skips the Pricing step and sets fixed height sizing without showing that option. To move an old customiser, create a new customiser in the same way. Keep Include demo data on, which is the default. If you turn it off, open the Sizes page and set Size Strategy to Fixed Height - Width scales dynamically on each size. For more information, see Pricing - Simple Letter Model and Sizes – Simple Letter Model.

FAQs

Individual how to articles

Browse collection

How to link a Find Sign Makers listing to your Store

Link a Find Sign Makers listing from your Sign Customiser admin so that your subscription includes Find Sign Makers Pro.

Find Sign Makers Pro: price, benefits and the website link

Two ways to get Find Sign Makers Pro. Link your listing to an active paid Sign Customiser subscription, or buy Pro for USD 100 per year. Covers the website link, verification, renewal and cancellation.

Fix conflicting Shopify Markets price adjustments

Fix conflicting catalogue price adjustments so the customiser can show the correct Shopify Markets prices.

What can Sign Customiser do for my sign business?

Sign Customiser is sales and production-handoff software for sign businesses. It lets customers design a sign on your website, see the result and price change as they choose options, then either buy it or send you a complete quote request. You control the sign types, options, pricing rules and sales workflow. Sign Customiser does not sell under its own brand or take over your customer relationship.

Find and share your referral link

Find your referral link in the Sign Customiser admin, copy it, or send a referral invitation to another sign business.

Understanding your integration Activity Log (errors explained)

What each entry in your Sign Customiser integration Activity Log means, and which errors are harmless and which need action.

Copy a customiser to another store you own

Run more than one store? Our support team can copy a customiser from one of your stores into another. Here's what we need to do it.

Track marketing campaigns with UTM parameters

Sign Customiser captures UTM parameters from your storefront URLs and saves them with each form submission. Read them from the quotes API, webhooks, emails and JavaScript events to attribute form submissions to the campaign that drove them.

Troubleshooting Zero-Amount Products Purchased on Shopify

If you see zero-amount orders on your Shopify store, this guide shows how to stop them.

Missing Permissions

Why Sign Customiser needs the Shopify Publications permission, how to approve it, and how it differs from the optional Markets access.

Switch currency based on user's IP address - Shopify

To automatically switch currency in your Sign Customiser based on a user’s IP address, you'll need to use a geolocation app. Here’s a list of apps that can help: Geolocation Apps on Shopify.

Customiser status: active and inactive

How customiser status works, why a customiser can be inactive, and when activation is not the cause of an add-to-cart problem.

Can I add multiple sign customisers?

Yes, you can set up multiple product customisers on one store to target different market demographics or A/B test pricing and features.

Match your themes font family with Sign Customiser App

This article allows you to change the font family of the customiser to match your theme's font family. Follow these instructions Go to our app in your Shopify admin Click on "Customisers" Select the customiser you want to edit From the left-hand menu, go to Settings → General Settings. Scroll down until you see this input labelled "Font Family Name" Click save at the bottom of the form

How to reduce TTF font file size

Large font file size can cause problems with page loading speed since you have dozens of fonts on your Sign Customiser page. In this guide, we will show you how to reduce TTF font file size. The principle of this is to remove unnecessary glyphs in the fonts. Follow these steps Visit the Webfont Generator tool from FontSquirrel and click on the Upload Fonts button to upload the fonts you want to reduce in size. You can upload up to 12 fonts simultaneously. Once uploaded, the fonts will appear with information about their names, type, number of glyphs, and size. Choose the EXPERT... option, which will display a list of additional options. Select the following settings: - Font Formats: TrueFont (This option allows you to choose the output font type. We recommend selecting TrueFont since it is the only font type accepted by Sign Customiser.) - Subsetting: Custom Subsetting... - Character Type: Lowercase, Uppercase, Numbers, Punctuation (You can choose additional character types, but note that this will increase the output font files.) - Use the Subset Preview option to preview the list of glyphs included in the output fonts. Accept the Agreement and download your font files. Extract the downloaded files to find your optimized TTF font file.

Duplicating a customiser

Copy a customiser in your current Store. The copy is a separate customiser that appears at the top of the Customisers list.

Link Base Price To Size Instead Of Font

When a sign has two or more fonts, the price of each font is added to the sign price. On Simple Letter customisers, this is the base price of each font. On Advanced Letter customisers, this is the start price of each font. The total price can be higher than you want. You can link this price to the sign size instead of to each font. Note: Use this setting only for signs that have more than one font. The steps are different for Simple Letter customisers and Advanced Letter customisers.

Enable Shopify markets on your store

Shopify Markets is a cross-border management tool that helps you identify, set up, launch, optimize, and manage your international markets - all from a single store. You can set up markets with options for language, products, pricing, taxes, shipping and allow your customer to select their market. This guide will help you to enable the markets feature on your store and allow your customers to switch to their prefer currency.

Why is add to cart not working?

There are several reasons that the add to cart step may not be working. The solution to the issue will depend on the platform you are using Sign Customiser with.

Shopify Shipping Location Setup

Fix your default Shopify location so customers can add custom signs to their cart.

Restoring Deleted Customisers

If you've accidentally deleted a customiser or need to bring back a previously deleted one, you can easily restore it from the deleted customisers page. Only customisers deleted after 2025-10-16 can be restored

How to download fonts from a customiser

When working with custom signs, you may need to share the exact fonts used in your customiser with production partners, print shops, or your manufacturing team. Sign Customiser makes this easy with our bulk font download feature.

Admin measurement units

Displaying the measurement units in the admin of Sign Customiser

Font min heights and rounding measurements

This article applies to Advanced Model customisers only If you have the setting "No decimal" enabled for your customiser: while also having fonts with minimum heights set to decimal values you will encounter this warning: The "No decimal" setting tells our system to round any measurements that are displayed on your Customiser, meaning if we calculate that your sign height should be "10.30cm" we will round it down to "10cm" and display that to the customer. We then need to validate that 10cm value against your font min height of 10.16cm, causing a validation issue. For this reason merchants using the "No decimal" setting are advised to set their font min heights to whole values.

How to disable Cloudflare Proxy for Sign Customiser

If you're seeing errors when trying to connect Sign Customiser to your website, and your domain is protected by Cloudflare, it could be because Cloudflare's security features are blocking the connection. This is actually Cloudflare doing its job—protecting your site from automated requests. However, Sign Customiser needs to be able to connect automatically to work properly. The good news is you can easily fix this by creating a special rule that tells Cloudflare to allow Sign Customiser through. Don't worry—this won't affect your site's security for regular visitors.

How do I set a password if I signed up with Google?

You can sign in to the Sign Customiser Universal admin at web.signcustomiser.com with Google, or with your email address and password. If you created your account with Google, you can add a password to the same account. Google sign-in continues to work afterwards.

Why is add to cart blocked for some font characters?

A font can only draw the characters in its font file. A customer can type a character that the selected font cannot produce. What happens then depends on the pricing model: Advanced Letter blocks the design by default. Simple Letter and Frame Fit customisers (but not Lightbox) allow the design by default. The order is not marked. Fixed Height customisers always block the design. On a Lightbox customiser, unsupported characters in the text that a customer types always block add to cart. This depends on the font. A backtick, an accented letter, or a symbol can work in one font and be missing from another font.

Type a question and press Enter. Use the arrow keys to move between the results.